<template>
  <div>
    <Card :arr="colorArr" :list="cardList" />
  </div>
</template>

<script>
import Card from './components/Card.vue'
export default {
  components: {
    Card
  },
  data() {
    return {
      colorArr: ['#1296db', '#d4237a', '#1296db', '#1afa29'],
      cardList: [
        { id: 1, icon: 'icon-wenjian', text: '总订单', num: '102,400' },
        { id: 2, icon: 'icon-Dollar', text: '总销售额', num: '102,400' },
        { id: 3, icon: 'icon-task', text: '今日订单数', num: '102,400' },
        { id: 4, icon: 'icon-renminbi', text: '今日销售额', num: '102,400' }
      ]
    }
  }
}
</script>

<style lang="less" scoped></style>
